<template>
  <div class="progress">
      <div class="pro-main">
          <el-progress  :text-inside="true" :stroke-width="26" :percentage="percentage"></el-progress>
      </div>
  </div>
</template>

<script>
export default {
    props:['percentage']
}
</script>

<style lang='scss' scoped>
.progress{
  width: 100%;
  z-index: 1200;
  height: 100vh;
  background-color: rgba($color: #000000, $alpha: 0.85);
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  .pro-main{
      width: 50%;
  }
}
</style>